{% extends 'base.html' %}
{% load echarts %}

{% block main_content %}

    <div class="page-header">
        <h2>所有图表</h2>
    </div>
    <form class="form-control">
        <div class="input-group input-group-sm">
            <input type="text" class="form-control" placeholder="Search for..." name="query"
                   {% if keyword %}value="{{ keyword }}"{% endif %}>
            <span class="input-group-btn">
        <button class="btn btn-default" type="submit">搜索</button>
      </span>
        </div><!-- /input-group -->
    </form><br/>
    {% include layout_tpl with chart_info_list=page_obj.object_list only %}


    <nav aria-label="page">
        <ul class="pagination">
            {% for page in elided_page_nums %}
                {% if page == '...' %}
                    <li><span aria-hidden="true">...</span></li>
                {% else %}
                    {% if page == page_obj.number %}
                        <li class="active">
                            <a href="javascript:">{{ page_obj.number }} <span
                                    class="sr-only">(current)</span></a>
                        </li>
                    {% else %}
                        <li>
                            <a href="{% page_link page %}" aria-label="Previous">
                                <span aria-hidden="true">{{ page }}</span>
                            </a>
                        </li>
                    {% endif %}
                {% endif %}
            {% endfor %}
        </ul>
    </nav>


{% endblock %}